export const ValueType = {
  string: "String",
  object: "Object",
  array: "Array",
  number: "Number",
  date: "Date",
  user: "User",
  dept: "Dept",
  dateRange: "DateRange",
};

export const baseComponents = [
  {
    name: "左侧业务组件",
    components: [
      {
        title: "物流企业",
        name: "LeftLeftTop",
        icon: "el-icon-c-scale-to-original",
        value: [],
        valueType: ValueType.object,
        props: {
          items: [],
        },
      },
      {
        title: "货量统计",
        name: "LeftLeftCenter",
        icon: "el-icon-tickets",
        value: [],
        valueType: ValueType.object,
        props: {
          items: [],
        },
      },
      {
        title: "货物分类统计（票）",
        name: "LeftLeftBottom",
        icon: "el-icon-tickets",
        value: [],
        valueType: ValueType.object,
        props: {
          items: [],
        },
      },
      {
        title: "车辆统计",
        name: "LeftCenterTop",
        icon: "el-icon-tickets",
        value: [],
        valueType: ValueType.object,
        props: {
          items: [],
        },
      },
      {
        title: "进出车次变化",
        name: "LeftCenterBottom",
        icon: "el-icon-tickets",
        value: [],
        valueType: ValueType.object,
        props: {
          items: [],
        },
      },
      {
        title: "园区发货量排名",
        name: "LeftRightTop",
        icon: "el-icon-tickets",
        value: [],
        valueType: ValueType.object,
        props: {
          items: [],
        },
      },
      {
        title: "线路货量排名",
        name: "LeftRightBottom",
        icon: "el-icon-tickets",
        value: [],
        valueType: ValueType.object,
        props: {
          items: [],
        },
      },
    ],
  },
  {
    name: "右侧业务组件",
    components: [
      {
        title: "网络货运统计",
        name: "RightLeftTop",
        icon: "el-icon-c-scale-to-original",
        value: [],
        valueType: ValueType.object,
        props: {
          items: [],
        },
      },
      {
        title: "网货监管指标达成",
        name: "RightLeftCenter",
        icon: "el-icon-tickets",
        value: [],
        valueType: ValueType.object,
        props: {
          items: [],
        },
      },
      {
        title: "货物保险统计",
        name: "RightLeftBottom",
        icon: "el-icon-tickets",
        value: [],
        valueType: ValueType.object,
        props: {
          items: [],
        },
      },
      {
        title: "仓储统计",
        name: "RightCenterTop",
        icon: "el-icon-tickets",
        value: [],
        valueType: ValueType.object,
        props: {
          items: [],
        },
      },
      {
        title: "集仓宝管理平台",
        name: "RightCenterCenter",
        icon: "el-icon-tickets",
        value: [],
        valueType: ValueType.object,
        props: {
          items: [],
        },
      },
      {
        title: "23年外贸进出口",
        name: "RightCenterBottom",
        icon: "el-icon-tickets",
        value: [],
        valueType: ValueType.object,
        props: {
          items: [],
        },
      },
      {
        title: "出口商品分类",
        name: "RightRightTop",
        icon: "el-icon-tickets",
        value: [],
        valueType: ValueType.object,
        props: {
          items: [],
        },
      },
      {
        title: "出口流向",
        name: "RightRightBottom",
        icon: "el-icon-tickets",
        value: [],
        valueType: ValueType.object,
        props: {
          items: [],
        },
      },
    ],
  },
  //   {
  //     name: "布局",
  //     components: [
  //       {
  //         title: "分栏布局",
  //         name: "SpanLayout",
  //         icon: "el-icon-c-scale-to-original",
  //         value: [],
  //         valueType: ValueType.array,
  //         props: {
  //           items: [],
  //         },
  //       },
  //     ],
  //   },
  //   {
  //     name: "基础组件",
  //     components: [
  //       {
  //         title: "单行文本输入",
  //         name: "TextInput",
  //         icon: "el-icon-edit",
  //         value: "",
  //         valueType: ValueType.string,
  //         props: {
  //           required: false,
  //           enablePrint: true,
  //         },
  //       },
  //       {
  //         title: "多行文本输入",
  //         name: "TextareaInput",
  //         icon: "el-icon-more-outline",
  //         value: "",
  //         valueType: ValueType.string,
  //         props: {
  //           required: false,
  //           enablePrint: true,
  //         },
  //       },
  //       {
  //         title: "数字输入框",
  //         name: "NumberInput",
  //         icon: "el-icon-edit-outline",
  //         value: "",
  //         valueType: ValueType.number,
  //         props: {
  //           required: false,
  //           enablePrint: true,
  //         },
  //       },
  //       {
  //         title: "金额输入框",
  //         name: "AmountInput",
  //         icon: "iconfont icon-zhufangbutiezhanghu",
  //         value: "",
  //         valueType: ValueType.number,
  //         props: {
  //           required: false,
  //           enablePrint: true,
  //           showChinese: true,
  //         },
  //       },
  //       {
  //         title: "单选框",
  //         name: "SelectInput",
  //         icon: "el-icon-circle-check",
  //         value: "",
  //         valueType: ValueType.string,
  //         props: {
  //           required: false,
  //           enablePrint: true,
  //           expanding: false,
  //           options: ["选项1", "选项2"],
  //         },
  //       },
  //       {
  //         title: "多选框",
  //         name: "MultipleSelect",
  //         icon: "iconfont icon-duoxuankuang",
  //         value: [],
  //         valueType: ValueType.array,
  //         props: {
  //           required: false,
  //           enablePrint: true,
  //           expanding: false,
  //           options: ["选项1", "选项2"],
  //         },
  //       },
  //       {
  //         title: "日期时间点",
  //         name: "DateTime",
  //         icon: "el-icon-date",
  //         value: "",
  //         valueType: ValueType.date,
  //         props: {
  //           required: false,
  //           enablePrint: true,
  //           format: "yyyy-MM-dd HH:mm",
  //         },
  //       },
  //       {
  //         title: "日期时间区间",
  //         name: "DateTimeRange",
  //         icon: "iconfont icon-kaoqin",
  //         valueType: ValueType.dateRange,
  //         props: {
  //           required: false,
  //           enablePrint: true,
  //           placeholder: ["开始时间", "结束时间"],
  //           format: "yyyy-MM-dd HH:mm",
  //           showLength: false,
  //         },
  //       },
  //       {
  //         title: "上传图片",
  //         name: "ImageUpload",
  //         icon: "el-icon-picture-outline",
  //         value: [],
  //         valueType: ValueType.array,
  //         props: {
  //           required: false,
  //           enablePrint: true,
  //           maxSize: 5, //图片最大大小MB
  //           maxNumber: 10, //最大上传数量
  //           enableZip: true, //图片压缩后再上传
  //         },
  //       },
  //       {
  //         title: "上传附件",
  //         name: "FileUpload",
  //         icon: "el-icon-folder-opened",
  //         value: [],
  //         valueType: ValueType.array,
  //         props: {
  //           required: false,
  //           enablePrint: true,
  //           onlyRead: false, //是否只读，false只能在线预览，true可以下载
  //           maxSize: 100, //文件最大大小MB
  //           maxNumber: 10, //最大上传数量
  //           fileTypes: [], //限制文件上传类型
  //         },
  //       },
  //       {
  //         title: "人员选择",
  //         name: "UserPicker",
  //         icon: "el-icon-user",
  //         value: [],
  //         valueType: ValueType.user,
  //         props: {
  //           required: false,
  //           enablePrint: true,
  //           multiple: false,
  //         },
  //       },
  //       {
  //         title: "部门选择",
  //         name: "DeptPicker",
  //         icon: "iconfont icon-map-site",
  //         value: [],
  //         valueType: ValueType.dept,
  //         props: {
  //           required: false,
  //           enablePrint: true,
  //           multiple: false,
  //         },
  //       },
  //       {
  //         title: "说明文字",
  //         name: "Description",
  //         icon: "el-icon-warning-outline",
  //         value: "",
  //         valueType: ValueType.string,
  //         props: {
  //           required: false,
  //           enablePrint: true,
  //         },
  //       },
  //     ],
  //   },
  //   {
  //     name: "扩展组件",
  //     components: [
  //       {
  //         title: "明细表",
  //         name: "TableList",
  //         icon: "el-icon-tickets",
  //         value: [],
  //         valueType: ValueType.array,
  //         props: {
  //           required: false,
  //           enablePrint: true,
  //           showBorder: true,
  //           rowLayout: true,
  //           showSummary: false,
  //           summaryColumns: [],
  //           maxSize: 0, //最大条数，为0则不限制
  //           columns: [], //列设置
  //         },
  //       },
  //     ],
  //   },
];

export default {
  baseComponents,
};
